html {
  font-size: 62.5%;
  /* 10��16=62.5% */
}
body {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Microsoft YaHei", Microsoft YaHei;
}
#headers {
  width: 100%;
  height: 4rem;
  background: red;
  /* һЩ��֧�ֱ������������� */
  background: -moz-linear-gradient(top, #1E73F0, rgba(64, 148, 244, 0.9));
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1E73F0), to(rgba(64, 148, 244, 0.9)));
  background: -o-linear-gradient(top, #1E73F0, rgba(64, 148, 244, 0.9));
  position: relative;
}
#headers .userImg {
  margin: 0 0 0.16rem 0;
  border-radius: 50%;
  width: 1.833rem;
}
#headers p {
  font-size: 1.5rem;
  margin: 0;
  color: #ffffff;
  line-height: 4rem;
  letter-spacing: 0.1rem;
  text-align: center;
}
#headers a {
  color: #ffffff;
  text-decoration: none;
}
#headers a.leftRuted {
  font-size: 1.583rem;
  position: absolute;
  top: 50%;
  left: 4%;
  margin-top: -0.68rem;
}
#headers a.lrightRuted {
  font-size: 1.583rem;
  margin: 0;
  position: absolute;
  top: 32%;
  right: 4%;
}
.normalBox {
  width: 100%;
  height: auto;
  margin: 0.416rem 0;
}
.normalBox .normarWrap {
  width: 100%;
}
.bottomBox {
  width: 100%;
  height: 2.916rem;
  border-top: 1px solid #dddddd;
  background: #ffffff;
}
input,
select,
textarea {
  -webkit-appearance: none;
}
.reminder {
  position: fixed;
  top: 40%;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
}
.reminder p {
  display: inline-block;
  margin: 0;
  font-size: 1.125rem;
  padding: 6px 12px;
  background: #ffffff;
  color: #333333;
  border-radius: 2px;
  border: 1px solid #dddddd;
}
/*分页的公共样式*/
.page {
  text-align: center;
  margin: 2rem 0;
}
/*弹窗位置公共样式*/
.modal-dialog {
  margin: 45% 10px 0 10px;
}
